/** @type {import('tailwindcss').Config} */
export default {
    content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    presets: [require('./preset.js')],
    theme: {
        colors: {
            white: '#fff',
            blue: '#1fb6ff',
            'blue-100':'#409eff',
            'blue-200':'#66b1ff',
            'blue-300':'#3273b5',
            'blue-400':'#2a5888',
            'blue-500':'#213c5a',
            'blue-600':'#1c2f41',
            'blue-700':'#18222b',
            'dark-blue': '#11143d',
            purple: '#7e5bef',
            pink: '#f1b1b9',
            orange: '#ff7849',
            green: '#13ce66',
            yellow: '#ffc82c',
            'gray-dark': '#8A8A8A',
            gray: '#8492a6',
            'gray-light': '#ececec',
            black: '#000'
        },
        fontFamily: {
            sans: ['Graphik', 'sans-serif'],
            serif: ['Merriweather', 'serif']
        },
        extend: {
            spacing: {
                '8xl': '96rem',
                '9xl': '128rem'
            },
            borderRadius: {
                '4xl': '2rem'
            }
        }
    },
    plugins: []
};
